.ucenter-content {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
  color: var(--el-header-logo-text-color);
  .title {
    padding: 8px;
    margin-bottom: -12px;
    font-size: 24px;
    font-weight: 600;
    color: var(--el-color-primary);
  }
  .el-row {
    .el-col {
      height: 100%;
    }
  }
  .module2 {
    width: 100%;

    // height: 550px;
  }
  .chart {
    display: flex;
    flex-wrap: wrap;
    gap: 16px 16px;
    width: 100%;
    height: 100%;
  }
  .c3 {
    flex-direction: column;
    .c3-1 {
      display: flex;
      flex-wrap: wrap;
      gap: 16px 16px;
    }
    .c3-2 {
      // flex: 1;
      display: flex;
      flex-wrap: wrap;
      gap: 16px;
      .c3-2-m1 {
        flex: 1.4;
        min-width: 550px;
        height: 320px;
      }
      .c3-2-m2 {
        flex: 1;
        min-width: 400px;
        height: 320px;
      }
      .c3-2-m3 {
        flex: 1;
        min-width: 400px;
        height: 320px;
      }
    }
  }
  .m2 {
    .m2-c1 {
      display: flex;
      flex: 1;
      min-width: 800px;
      max-width: 1000px;
      height: 320px;
      .m2-c1-a1 {
        display: flex;
        width: 100%;
        height: 100%;
        .item {
          display: flex;
          flex: 1;
          .item-left {
            flex: 1;
          }
          .item-right {
            display: flex;
            flex-direction: column;
            row-gap: 16px;
            justify-content: center;
            width: 140px;
            .item-right-list {
              display: flex;
              flex-direction: column;
            }
          }
        }
      }
    }
    .m2-c2 {
      flex: 1;
      min-width: 400px;
      max-width: 600px;
      height: 320px;
    }
  }
  .num-card {
    box-sizing: border-box;
    flex: 1;
    min-width: 200px;
    padding: 16px 24px;
    background: var(--el-bg-hover-color3);
    border-radius: 8px;
    .num {
      margin-top: 24px;
      font-size: 32px;
    }
  }
}
